<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>空间立体相册</title>
        <link rel="stylesheet" href="./main.css" />
    </head>
    <body>
        <!--/*外层最大容器*/-->
        <div class="wrap">
    <!--    /*包裹所有元素的容器*/-->
        <div class="cube">
            <!--前面图片 -->
            <div class="out_front">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <!--后面图片 -->
            <div class="out_back">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <!--左图片 -->
            <div class="out_left">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <div class="out_right">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <div class="out_top">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <div class="out_bottom">
                <img src="./img/微信图片_20221117112654.jpg"  class="pic"/>
            </div>
            <!--小正方体 --> 
            <span class="in_front">
                <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
            <span class="in_back">
                 <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
            <span class="in_left">
                <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
            <span class="in_right">
                <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
            <span class="in_top">
                <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
            <span class="in_bottom">
                <img src="./img/微信图片_20221117112654.jpg" class="in_pic" />
            </span>
        </div>
        </div>
		<audio autoplay controls loop>
		<source src="./audio/Take_Me_Hand-DAISHI_DANCE_Cécile_Corbel-53838205.mp3" type='audio/ogg'>
		<source src="./audio/Take_Me_Hand-DAISHI_DANCE_Cécile_Corbel-53838205.mp3" type='audio/mpeg'>
		</audio>

    </body>
</html>